var pagerMaterial = new Ext.PagingToolbar({
  store: storematerial, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay registros',
  pageSize: 5
})

var gridMaterial = new Ext.grid.GridPanel({
  title: 'Material',
  store: storematerial,
  //renderTo:'frame',
  columns:[
  new Ext.grid.RowNumberer(),//coloca el numero a la grilla
  //mySeleccion,
    {id:'material', header:"Material", whidth:160, sortable:true, dataIndex:'mat_nombrematerial'},
    {header: "Ruta", width: 75, sortable: true, dataIndex: 'mat_ruta'},
    {header: "Descripcion", width: 75, sortable: true, dataIndex: 'mat_descripcionmaterial'},
    {header: "Fase", width: 75, sortable: true, dataIndex: 'fase_combo'},
    {header: "Artefacto", width: 75, sortable: true, dataIndex: 'artefacto_combo'},
    {header: "Actividad", width: 75, sortable: true, dataIndex: 'actividad_combo'}
  ],
  tbar: [
  {
    text: 'Eliminar',
    iconCls: 'silk-delete',
     handler: onDeleteMaterial
  }],
  bbar: pagerMaterial,
  //sm: mySeleccion,
  stripeRows: true,
  height: 600,
  width:445  
});

gridMaterial.on('rowdblclick',this.editarMaterial);



var fm = Ext.form;

		
///
var pagerconsultaGridFases = new Ext.PagingToolbar({
  store: consultaFases, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay usuarios',
  pageSize: 5
})

var consultaGridFases = new Ext.grid.EditorGridPanel({
  title: 'Fases',
  store: consultaFasesCurso,
  //renderTo: 'editor-grid',
  clicksToEdit: 1,
  columns:[
    new Ext.grid.RowNumberer(),//coloca el numero a la grilla
    //mySeleccion,
    {id:'id-curso', header:"Curso", width:100, sortable:true, dataIndex:'cfc_curso'},
    {id:'id-nombreFases', header:"Nombre Fases", width:100, sortable:true, dataIndex:'fase_combo'},
    {id:'id-rolesFases', header:"Roles", width:150, sortable:true, dataIndex:'cfc_rolesfase'},
    {
      header: "Fecha",
      dataIndex: 'cfc_fechaentregafase',
      width: 150,
    renderer: Ext.util.Format.dateRenderer('Y-m-d H:i:s')
    }
	,{id:'id-secFases', header:"Secuencia", width:150, sortable:true, dataIndex:'cfc_secuenciafase'},
	{id:'id-descFases', header:"Descripcion", width:150, sortable:true, dataIndex:'cfc_descripcionfase'},
    
  ],
  tbar: [ {
  text: 'Eliminar',
  iconCls: 'silk-delete',
  handler: onDeleteConsultaFases
  }],
  //sm: mySeleccion,
  bbar: pagerconsultaGridFases,
  stripeRows: true,
  height: 550,
  width:600  
});
consultaGridFases.on('rowdblclick',this.editarConsultafases);


var pagerconsultaGridArtefacto = new Ext.PagingToolbar({
  store: consultaArtefacto, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay usuarios',
  pageSize: 5
});

var consultaGridArtefacto = new Ext.grid.EditorGridPanel({
  title: 'Artefacto',
  store: consultaArtefacto,
  //renderTo:'frame',
  columns:[
    new Ext.grid.RowNumberer(),//coloca el numero a la grilla
    //mySeleccion,
    {id:'id-curso', header:"Curso", width:100, sortable:true, dataIndex:'cfc_curso'},
    {id:'id-nombreArtefacto', header:"Nombre Artefacto", width:100, sortable:true, dataIndex:'artefacto_combo'},
    {id:'id-rolesArtefacto', header:"Roles", width:150, sortable:true, dataIndex:'cfc_rolesartefacto'},
	{
      header: "Fecha",
      dataIndex: 'cfc_fechaentregaartefacto',
      width: 150,
      renderer: Ext.util.Format.dateRenderer('Y-m-d H:i:s')
      /*renderer: formatDate,
      xtype: 'datecolumn', // use xtype instead of renderer
      format: 'Y-m-d H:i:s' // configuration property for {@link Ext.grid.DateColumn}
     /* editor: new fm.DateField({
        format: 'm/d/y',
        minValue: '01/01/06',
        disabledDays: [0, 6],
        disabledDaysText: 'Plants are not available on the weekends'
        })*/
    }
	,{id:'id-secArtefacto', header:"Secuencia", width:150, sortable:true, dataIndex:'cfc_secuenciaartefactos'}
	,{id:'id-descArtefacto', header:"Descripcion", width:150, sortable:true, dataIndex:'cfc_descripcionartefacto'}
  ],tbar: [ {
  text: 'Eliminar',
  iconCls: 'silk-delete',
  handler: onDeleteConsultaArtefacto
  }],
  //sm: mySeleccion,
  bbar: pagerconsultaGridArtefacto,
  stripeRows: true,
  height: 550,
  width:600   
});	

consultaGridArtefacto.on('rowdblclick',this.editarConsultaArtefactos);

var pagerconsultaGridActividad = new Ext.PagingToolbar({
  store: consultaActividad, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay usuarios',
  pageSize: 5
});

var consultaGridActividad = new Ext.grid.EditorGridPanel({
  title: 'Artefacto',
  store: consultaActividad,
  //renderTo:'frame',
  columns:[
    new Ext.grid.RowNumberer(),//coloca el numero a la grilla
    {id:'id-curso', header:"Curso", width:100, sortable:true, dataIndex:'cfc_curso'},
    {id:'id-nombreactividad', header:"Nombre Actividad", width:100, sortable:true, dataIndex:'actividad_combo'},
    {id:'id-rolesActividad', header:"Roles", width:150, sortable:true, dataIndex:'cfc_rolesactividad'},
    {
      header: "Fecha",
      dataIndex: 'cfc_fechaentregaactividad',
      width: 150,
      renderer: Ext.util.Format.dateRenderer('Y-m-d H:i:s')
    }
	,{id:'id-secActividad', header:"Secuencia", width:150, sortable:true, dataIndex:'cfc_secuenciaactividad'}
	,{id:'id-descActividad', header:"Descripcion", width:150, sortable:true, dataIndex:'cfc_descripcionactividad'},
  ],
  tbar: [ {
  text: 'Eliminar',
  iconCls: 'silk-delete',
  handler: onDeleteConsultaActividad
  }],
  bbar: pagerconsultaGridActividad,
  stripeRows: true,
  height: 550,
  width:600  
});
consultaGridActividad.on('rowdblclick',this.editarConsultaActividad);


//console.log(gridcursos);

//Grilla Grupo de Trabajo
var pagergruposTrabajo = new Ext.PagingToolbar({
  store: gruposTrabajoStore, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Usuarios',
  emptyMsg: 'No hay usuarios',
  pageSize: 5
});
var combocurso = {  
xtype: 'combo',  
//typeAhead: true,
triggerAction : 'all',  
id:'grt_curso',
valueField:'cur_idcurso',
store: cursos,
displayField:'cur_idcurso',
//listClass: 'x-combo-list-small'
}
	

var gruposTrabajoGrid = new Ext.grid.EditorGridPanel({
  title: 'Grupos de Trabajo',
  store: gruposTrabajoStore,
  columns:[
  new Ext.grid.RowNumberer(),//coloca el numero a la grill
  {id: 'grt_nombregrupotrabajo', header: "Grupo",dataIndex: 'grt_nombregrupotrabajo',width: 180,editor: new fm.TextField({allowBlank: false})} ,
  {id: 'grt_curso',header: "Cursos",dataIndex: 'grt_curso',width: 180,editor: combocurso},
  {id: 'grt_notadefinitiva',header: "Nota Definitiva",dataIndex: 'grt_notadefinitiva',width: 180,editor: new fm.TextField({allowBlank: false})}
  ],
  tbar: [{
  text: 'Agregar',
  iconCls: 'silk-add',
  handler :agregarGrupo
  }, '-', {
  text: 'Eliminar',
  iconCls: 'silk-delete',
  handler: eliminarGrupo
  },'-', {
  text: 'Guardar',
  iconCls: 'icon-save',
   handler: actulizarGrupo
  }, '-'],	
  bbar: pagergruposTrabajo,
  stripeRows: true,
  height: 400,
  width:600	
});

var pagerRevisionEntregas = new Ext.PagingToolbar({
  store: consultaEntregas, // <--grid and PagingToolbar using same store
  displayInfo: true,
  displayMsg: '{0} - {1} of {2} Registros',
  emptyMsg: 'No hay Registros',
  pageSize: 5
});
var gridRevisionEntregas = new Ext.grid.EditorGridPanel({
  title: 'Revision Entrega Artefactos',
  store: consultaEntregas,
  //renderTo:'frame',
  columns:[
  new Ext.grid.RowNumberer(),//coloca el numero a la grilla
  //mySeleccion,
    {id:'grupoTrabajo', header:"Grupo", whidth:160, sortable:true, dataIndex:'grt_nombregrupotrabajo'},
    {header: "Ruta", width: 200, sortable: true, dataIndex: 'rpe_ruta'},
    {header: "Mensaje", width: 250, sortable: true, dataIndex: 'rpe_mensaje'},
    {header: "Fase", width: 90, sortable: true, dataIndex: 'fas_nombrefase'},
    {header: "Actividad", width: 90, sortable: true, dataIndex: 'act_nombreactividad'},
    {header: "Artefacto", width: 90, sortable: true, dataIndex: 'art_nombreartefacto'},
	{header: "Calificaci&oacute;n", width: 75, sortable: true, dataIndex: 'rpe_nota',editor: new fm.TextField({allowBlank: false})},
	{header: "Observacion", width: 250, sortable: true, dataIndex: 'rpe_observcionreporteentrega',editor: new fm.TextField({allowBlank: false})}
  ],
  tbar: [
  {
     text: 'Guardar',
  iconCls: 'icon-save',
   handler: actulizarEntregas
  }],
  bbar: pagerRevisionEntregas,
  //sm: mySeleccion,
  stripeRows: true,
  height: 600,
  width:  950,
});

gridMaterial.on('rowdblclick',this.editarMaterial);


